﻿@using ABC.Core.Extentions
@model ABC.Controllers.ViewModels.My.ConfirmViewModel
@{
    ViewBag.Title = "Подтверждение электронной почты - Азбука24";
    Layout = "~/Views/Shared/_GuestLayout.cshtml";
}
<script type="text/javascript">
    function SendToEmailCode() {
        $.ajax({
            url: '@Url.Action("SendToEmailCode", "Account")',
            type: "POST",
            data: { email: $("#resent").val(), index: $("#index").val() },
            success: function (data) {
                if (data == "ok") {
                    $("span.help-block").removeClass("hide");
                    $("span.help-block").text("Код отправлен на адрес " + $("#resent").val());
                }
                if (data == "no") {
                    alert("Код подтверждения не отправлен");
                }
            },
            error: function (jqXhr, textStatus, errorThrown) {

            },
            complete: function () {
                //делаем что-то по завершению
            }
        });
    }
</script>
<div id="login-form">
    <div id="login-data" class="fade-all well">
        <div class="page-header">
            <h1>
                <a href="@Url.Action("Index", "My")" title="Вернуть на главную страницу">
                    <img src="@Url.VirtualImageUrl("logo.png")"></a> <small>Подтверждение электронной почты</small>
            </h1>
        </div>
        @Html.ValidationSummaryDialog()
        <div class="alert alert-info">
            <p>
                <strong>Обратите внимание!</strong> На указанный вами адрес электронной почты отправлено
                письмо с кодом подтверждения. Для продолжения введите полученный код в поле ниже,
                после чего нажмите кнопку "Подтвердить адрес почты"</p>
        </div>
        @using (Html.BeginForm("ConfirmEmail", "Account", FormMethod.Post, new { @class = "form-horizontal", id = "form1" }))
        {
            @Html.HiddenFor(x => x.Index, new { id = "index" })
            <div class="control-group">
                <label class="control-label" for="resent">
                    Не получили письмо?</label>
                <div class="controls">
                    @Html.TextBoxFor(x => x.SendTo, new { id = "resent", @class = "input input-medium", type = "email", autocomplete = "off" })
                    <button data-dismiss="modal" class="btn " onclick="SendToEmailCode();" type="button">
                        Выслать повторно</button><span class="help-block hide"></span>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="confirm-code">
                    Код подтверждения</label>
                <div class="controls">
                    @Html.TextBoxFor(x => x.Code, new { @class = "input-medium", id = "confirm-code", placeholder = "5 цифр" })
                </div>
            </div>
            <div class="form-actions">
                <button class="btn btn-large btn-primary" onclick="$('#form1').submit();">
                    Подтвердить адрес почты</button>
            </div>
        }
    </div>
</div>
